@charset "UTF-8";
/* CSS Document */




table a{
	color: #666;
}	






/*=========================== fix bootstrap for ie =================*/

.caret{
	*padding-bottom: 9px;
}

.btn{
	*border:1px solid #ccc;
}
/*=========================== fix bootstrap for ie  end =================*/

/*=========================== layout  =======================*/




 .vshadow{
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	width:6px;
	z-index: 20;
	background:url(../img/webui/vmenu-shadow.png) repeat-y;
}





/*=========================== layout end =======================*/



/*=========================== elements =======================*/



.article{
   margin:20px;
   
}

.article p { margin-bottom: 18px; }


.article h2{
	text-align:center;
	margin-bottom:10px;
}

.article h6{
	font-weight:normal;
	text-align:center;
	border-bottom:1px solid #eee;
	margin:0 0 10px 0;
}

.article p{
	font-size:14px;
	text-indent:2em;
	line-height:20px;
	word-spacing:0;
	margin:0 0 18px 0;
	line-height:22px;
	color:#333;
}

.more{
	text-align:right;
}

a.more, em.more, span.more {
	 white-space: nowrap; 
	 padding-right: 10px; 
	 background: url(../img/webui/ico/morearrow.gif) no-repeat 100% 50%; 
	 cursor: pointer; 
	 zoom: 1;
 }
 
 
div.divider,header.divider,footer.divider {
  height: 1px;
  margin: 5px 1px;
  overflow: hidden;
  background-color: #E2E2E2;
  border-bottom: 1px solid #ffffff;
  *width: 100%;
  *margin: -5px 0 5px;
}
 

div.line,header.line,footer.line {
  height: 1px;
  margin: 0;
  overflow: hidden;
  background-color: #E2E2E2;
  border-bottom: 1px solid #ffffff;
  *width: 100%;
}
 

/*============================elements end =====================*/



/*=======================  menu ========================== */


.menubar{
	background:#F3F3F3;
	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	border-radius: 3px;
}

.menubar .btn{
	margin-top:8px;
}


.menubar-darker{
	background:#333;
}

.menubar-borderd{
	border:1px solid #EEE;
}


.menubar-alpha{
	background:none;
}

.menubar ul{
	margin:0;
}

.menubar li{
	list-style:none;
}


.menubar .divider {
  height: 1px;
  margin: 5px 1px;
  overflow: hidden;
  background-color: #E2E2E2;
  border-bottom: 1px solid #ffffff;
  *width: 100%;
  *margin: -5px 0 5px;
}

.menubar.menubar-darker .divider{
  background-color: #222;
  border-bottom: 1px solid #444;
}



.menubar .divider-vertical{
  height: 36px;
  width: 1px;
  margin: 0px;
  overflow: hidden;
  background-color: #FFF;
  border-right: 1px solid #E2E2E2;
}

.menubar.menubar-darker .divider-vertical{
  background-color: #444;
  border-right: 1px solid #222;
}


.menubar-search {
  position: relative;
  float: left;
  margin-top: 7px;
  margin-bottom: 0;
}








ul.menu{
	height:36px;
}


ul.menu li{
	float:left;	
	text-align:center;
	position:relative;
}

ul.menu a
{
  display:block;
  height:36px;
  line-height:36px;
  padding:0 16px;
   *float:left;
}

ul.menu .active a:link,ul.menu .active a:visited{
	background:#276CAF;
	color:#FFF;
}



ul.vmenu .vmenu-header{
	height:38px;
	line-height:38px;
	padding-left:18px;
	font-weight:bold;
	color:#999;
}


ul.vmenu li{
	position: relative;
	z-index:20;
}

ul.vmenu a{
	display:block;
	padding:7px 0 7px 20px;

}


ul.vmenu .active a:link,ul.vmenu .active a:visited{
    color:#fff;
	background:#276CAF;

}








ul.menu a:link,ul.menu a:visited,
ul.vmenu a:link, ul.vmenu a:visited
{
	text-decoration:none;
	background:none;
	color:#555;
}

ul.menu a:hover,ul.menu a:active,
ul.vmenu a:hover,ul.vmenu a:active
{
   color:#000;
   background:#EEE;
}


ul.menu li.active a,ul.vmenu li.active a{
	/*border-radius:3px;*/
}

ul.menu  small,ul.vmenu small{
	font-size:12px;
	color:#999;
}

ul.menu  .active small,ul.vmenu .active small{
	font-size:12px;
	color:#FFF;
}

ul.vmenu .active .arrow{
	height:1px;
	border-color:#276CAF;
	border-style: solid;
	border-bottom: dashed transparent;
	border-right: dashed transparent;
	border-top: dashed transparent;
	border-width: 15px;

	position: absolute;
	top:0;
	right:-30px;
	z-index:20;
}





.menubar-darker ul.menu a,.menubar-darker ul.menu a:link,.menubar-darker ul.menu a:visited,
.menubar-darker ul.vmenu a,.menubar-darker ul.vmenu a:link,.menubar-darker ul.vmenu a:visited{
	color:#DDD;
}



.menubar-darker ul.menu a:hover,.menubar-darker ul.menu a:active,
.menubar-darker ul.vmenu a:hover,.menubar-darker ul.vmenu  a:active{
	background:#222;
	color:#FFF;
}


.menubar-large ul.menu,.menubar-large .divider-vertical{
	height:42px;
}


.menubar-small ul.menu,.menubar-small .divider-vertical{
	height:28px;
}

.menubar-small ul.menu a{
	height:26px;
	line-height:2px;
}

.menubar-large ul.menu a{
	height:42px;
	line-height:42px;
}




.menubar-large ul.vmenu a{
	padding:10px 0 10px 30px;
}

.menubar-small ul.vmenu a{
	font-size:12px;
	padding:5px 0 5px 30px;
}


.menubar-divide ul.menu a{
	border-left:1px solid #FFF;
	border-right:1px solid #E2E2E2;
}

.menubar ul.menu li:first-child > a{
	border-top-left-radius:3px;
}

.menubar-divide ul.menu li:first-child > a{
	border-left:none;
}

.menubar-divide ul.menu li:last-child > a{
	border-right:none;
}

.menubar-divide  ul.menu li.active a{
	border-left:1px solid #6393C1;
	border-right:1px solid #6393C1;
}




.menubar-divide ul.vmenu a{
	border-top:1px solid #FFF;
	border-bottom:1px solid #E2E2E2;
}

.menubar-divide ul.vmenu li:first-child > a{
	border-top:none;
}

.menubar-divide ul.vmenu li:last-child > a{
	border-bottom:none;
}

.menubar-divide ul.vmenu li.active a{
	border-top:1px solid #6393C1;
	border-bottom:1px solid #6393C1;
	border-radius:3px;
}

.menubar-divide.menubar-darker ul.vmenu a{
	border-top:1px solid #444;
	border-bottom:1px solid #222;
}


.menubar-darker.menubar-divide ul.vmenu li.active a{
	border-top:1px solid #444;
	border-bottom:1px solid #222;
	border-radius:3px;
}

.menubar-darker ul.menu .active a:link,.menubar-darker  ul.menu .active a:visited,
.menubar-darker ul.vmenu .active a:link,.menubar-darker  ul.vmenu .active a:visited{
	color:#FFF;
	background:#000;
}




dl.vmenu a{
	display:block;
	 text-shadow: 1px 1px 0 #fff; 
	 width:100%;
}


dl.vmenu a:link,dl.vmenu a:visited{
   color:#000;
}



dl.vmenu a:hover,dl.vmenu a:active{
   color:#207ce5;
   text-decoration:none;
   
}

dl.vmenu .active{
	background:#207ce5;
}

dl.vmenu .active a:link,dl.vmenu .active a:visited{
	color:#fff;
	 text-shadow: none; 
}

dl.vmenu dt{
	font-size:14px;
    font-weight:bold;
}

dl.vmenu dt,dl.vmenu dd{
	margin:0 10px;
	padding:5px 10px;
	border-radius:5px;
}

/*=======================  menu end ========================== */


/*=======================  toolbar =============================*/

.toolbar{
	height:50px;
	padding:0 10px;
}




.toolbar .btn,.toolbar form{
	margin-top:10px;
}

.toolbar .btn-toolbar{
	margin-top:0;
}




.toolbar h2{
	margin:0;
	padding:0;
	height:50;
	line-height:50px;
	color:#333;
	font-size:26px;
}



.toolbar-stacked{
	margin:0;
	padding:0;

}

.toolbar-stacked  li{
	list-style:none;
	text-align:center;
	padding: 5px 0px;
	position: relative;

}

.toolbar-stacked p{
	margin-bottom:0;
}

.toolbar-stacked a{
	display: block;
	color:#666;
}

.toolbar-stacked .active{
	background:#eee;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	
}

.toolbar-stacked .active .arrow{
	height:1px;
	border-color:#FFF;
	border-style: solid;
	border-bottom: dashed transparent;
	border-left: dashed transparent;
	border-top: dashed transparent;
	border-width: 10px;
	position: absolute;
	top:15px;
	right:0px;
	z-index:30;
}

.toolbar-stacked a:hover{
	color:#000;
	text-decoration:none;
}

.toolbar-stacked .active a{
	color:#000;
}






/*=======================  toolbar end =========================*/



/*======================= forms ============================*/

.modal-body{
	*height:400px;
}


/*======================= forms end============================*/







/*========================= buttons extend ========================*/


.btn-alpha{
	border:none;
	background:none;
	box-shadow:none;
	filter:none;
}

/*========================= buttons extend  end ========================*/ 



/*======================== panels boxes ========================== */


/* box begin  */

.box {
	min-height: 20px;
  	padding: 19px;
  	margin-bottom: 20px;
	border:1px solid #EEE;
  }

.box-condensed{
	padding: 5px;
}

.box-darker{
	border:1px solid #aaa;
}

.box-black{
	border:1px solid #999;
}

.box-lighter{
	border:1px solid #ddd;
}

.box-silver{
	border:1px solid #eee;
}

/* box end  */




.panel{
	border-radius:4px;
	
}

.panel > header{
	border-bottom:1px solid #ccc;
	height:36px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}





.panel > header  h2{
		height:36px;
		line-height:36px;
		color:#666;
		font-size:14px;
		font-weight:normal;
}

.panel > header small{
	font-size:12px;
}

.panel > header .btn,.panel > footer .btn{
	margin-top:5px;
}

.panel > header form{
	margin-top:5px;
	margin-bottom:0;
}

.panel > header input.search-query{
	height:15px;
}

.panel > header [class^="icon-"]{
	 opacity: 0.65;
  	 /*filter: alpha(opacity=65);*/
}

.panel > header [class^="icon-"]:hover{
	opacity: 1;
}


.panel > .pcontent{
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px; 
}

.panel > footer{
	clear:both;
	height:36px;
	line-height: 36px;
	padding:0 10px;
}



.panel .pbody{
	background:#F2F2F2;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	*zoom:1;
}



.panel .pbody aside {
	float:left;
	width:15%;
}


.panel .pbody  .pcontent{
	float:left;
	width:85%;
	padding:0;
	background:#fff;
	*zoom:1;
	border-bottom-right-radius:4px;
}






.panel .menubar{
	border-radius:0;
}




/* panel-bordered */

.panel-bordered{
	background: #fff;
	border:1px solid #ddd;
	
}

.panel-bordered > header{
	background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f2f2f2));
    background-image: -moz-linear-gradient(#fafafa, #f2f2f2);
    background-image: -o-linear-gradient(#fafafa, #f2f2f2);
    background-image: linear-gradient(#fafafa, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f2f2f2', GradientType=0);
	padding:0 10px;

}

.panel-bordered  .pcontent{
	padding:6px;
	border-top: 1px solid #fff;
}

/* panel-mini */

.panel-mini > header,.panel-mini > footer{
	height:18px;
	border:none;
	background: none;
	filter:none;
	padding:0 2px;
	font-size:12px;
}

.panel-mini header i,.panel-mini footer i{
	margin-top:2px;
}

.panel-mini > header h2{
	font-size:12px;
	height:18px;
	line-height: 18px;
	text-align: center;
}

.panel-mini  .pcontent{
	border-top:0;
}




/* panel-small */

.panel-small > header,.panel-small > footer{
	height:28px;
}


.panel-small > header{
	border-bottom:1px solid #ccc;
}



.panel-small > header  h2{
		height:28px;
		line-height:28px;
		color:#666;
		font-size:12px;
		font-weight:normal;
}

.panel-small > header .btn,.panel-small > footer .btn{
	margin-top:1px;
}


.panel-small.panel-bordered .pcontent{
	padding:5px;
}






/* panel-large */

.panel-large {
	border-radius:4px;
	margin-bottom:18px;
}



.panel-large > header{
	height:54px;
	padding:0 10px;
	text-shadow:1px 1px 0 #fff;
	
	
}

.panel-large > header  h2{
	margin:0;
	padding:0;
	height:54px;
	line-height:54px;
	color:#666;
	font-size:26px;
}



.panel-large > header small{
	font-size:14px;
}


.panel-large > header .btn,.panel-large > header form{
	margin-top:14px;
}

.panel-large .pcontent{
	padding:18px;
}

/* different panels */

.panel-darker > header,
.panel-danger > header,
.panel-info > header,
.panel-success > header,
.panel-primary > header,
.panel-warning > header{
	color:#fff;
	padding:0 5px;
}	

.panel-darker > header h2,
.panel-danger > header h2,
.panel-info > header h2,
.panel-success > header h2,
.panel-primary > header h2,
.panel-warning > header h2{
	color:#fff;
	text-shadow:none;
}

.panel-darker > header small,
.panel-danger > header small,
.panel-info > header small,
.panel-success > header small,
.panel-primary > header small,
.panel-warning > header small{
	color:#ddd;
}


.panel-darker.panel-bordered,
.panel-danger.panel-bordered,
.panel-info.panel-bordered,
.panel-success.panel-bordered,
.panel-primary.panel-bordered,
.panel-warning.panel-bordered{
	border:none;
}




.panel-darker > .pcontent,
.panel-danger > .pcontent,
.panel-info > .pcontent,
.panel-success > .pcontent,
.panel-primary > .pcontent,
.panel-warning > .pcontent{
   padding:10px;
}

.panel-darker.panel-small > .pcontent,
.panel-danger.panel-small > .pcontent,
.panel-info.panel-small > .pcontent,
.panel-success.panel-small > .pcontent,
.panel-primary.panel-small > .pcontent,
.panel-warning.panel-small > .pcontent{
  padding:5px;
}


.panel-darker > header .btn,
.panel-danger > header .btn,
.panel-info > header .btn,
.panel-success > header .btn,
.panel-primary > header .btn,
.panel-warning > header .btn{
	color:#CCC;
	text-shadow:none;
}
.panel-darker > header .btn:hover,
.panel-danger > header .btn:hover,
.panel-info > header .btn:hover,
.panel-success > header .btn:hover,
.panel-primary > header .btn:hover,
.panel-warning > header .btn:hover,
.panel-glass > header .btn:hover{
	color:#FFF;
	background:none;
}


.panel-darker.panel-bordered > .pcontent{
	border: 1px solid #ccc;
	border-width: 0 1px 1px 1px;
}


.panel-darker > header{
	background:#333;
	border:none; 
	border-bottom:1px solid #222;
	filter: none;
}


.panel-darker > .pcontent{
	border-top:1px solid #444;
}

.panel-darker.panel-mini > header{
	padding:0 2px;
	border:none;
}

.panel-darker.panel-mini > .pcontent{
	border:none;
}



.panel-danger > header{
	color:#fff;
	background-color: #da4f49;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(top, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
}
.panel-info > header{
	color:#fff;
	background-color: #49afcd;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
}

.panel-success > header {
	color:#fff;
	background-color: #5bb75b;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -ms-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(top, #62c462, #51a351);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
}

.panel-primary > header{
	color: #FFF;
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(top, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
}

.panel-warning > header{
	color: #FFF;
	background-color: #faa732;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -ms-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(top, #fbb450, #f89406);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
	}

.panel-glass{
	background: none;
}

.panel-glass > header,.panel-glass .pcontent{
	background: url(../img/webui/bg/blackbg.png);
}
.panel-glass > header{
	padding: 0 5px;
	border-bottom: none;
}

.panel-glass > header h2{
	color: #fff;
	text-shadow: none;
}

.panel-glass .pcontent{
  border-top:none;
  padding:5px;
}



/*======================== panels boxes  end ========================== */






/*=======================  lists ============================== */

.list li,.list dd,.vlist dd, .vlist li,.list-icon li,.item-icon,.item{
	font-weight:normal;
}

.list,vlist,.list-icon {
 *zoom:1;
}


.list:before, .list:after,
.list-icon:before, .list-icon:after{
  display: table;
  content: "";
}
.list:after,.list-icon:after {
  clear: both;
}


ul.list, ul.vlist{
	margin:0;
}


ul.vlist li,ul.list li
{
	list-style:none;
	padding: 5px 0 5px 0;
	*zoom:1;
}

ul.vlist.vlist-condense li,ul.list.list-condense{
   padding: 2px;
}



ul.vlist li{
	clear:both;
}

ul.list p,ul.vlist p{
	text-align:center;
	font-weight:normal;
	color:#666;
}



ul.list li,ul.list-span1 li,ul.list-span2 li,ul.list-span3 li{
	float:left;
	padding:5px 0 5px 5px;
}

ul.list-span1 li{
	width:40px;
}

ul.list-span2 li{
	width:80px;
}

ul.list-span3 li{
	width:100px;
}




ul.vlist-divide li{
	border-bottom:1px solid #ddd;
}

ul.vlist-dot li{
	border-bottom:1px dotted #999;
}

ul.vlist small{
	color:#888;
}





.vlist a,.vlist a:visited,
.list a,.list a:visited{
	color:#333;
}

.vlist a:hover,.vlist a:active,
.list a:hover,.list a:active{
	color:#0088cc;
}

.vlist-white a,.vlist-white a:visited,
.list-white a,.list-white a:visited{
	color:#CCC;
}

.vlist-white a:hover,.vlist-white a:active,
.list-white a:hover,.list-white a:active{
	color:#FFF;
}



ul.vlist .thumb, ul.vlist .text{
	float:left;
}



ul.vlist .thumb, ul.list  .thumb{
	margin-right:5px;
	display:block;
	
}



 ul.vlist  .text{
	 text-align:left;
}

ul.vlist .text p{
	margin:0;
	padding:0;
	text-align:left;
}

ul.vlist  .thumb img,ul.list  .thumb img{
	display:block;
	background:#fff;
	padding:2px;
	border:1px solid #ddd;
	/*box-shadow:#aaa 0 1px 1px 0;*/
}






dl.vlist dt {
	font-size:14px;
	font-weight:bold;
	margin:0 0 3px 0;	
}
dl.vlist dd{
	margin:0 0 1px 0;	
}

dl.vlist dd a,dl.vlist dd a:visited{
	color:#888;
}



dl.list{
	margin:0 0 8px 0;
	padding:2px 0;
	display: table;
	*zoom:1;
}

dl.list:after{
	clear: both;
}

dl.list.list-condense{
	margin:0 0 10px 0;
	padding:2px 0;
}

dl.list dt,dl.list dd{
	float:left;
}

dl.list dd{
	padding:0 5px;
}

dl.list.list-condense dd{
	padding:0 2px;
}

dl.list dt{
	width:80px;
	text-align:right;
	font-weight:bold;
}

dl.list a{
	color:#999;
	padding:0 8px;
	display:block;
}

dl.list.list-condense a{
  padding: 0 3px;
}

dl.list a:hover{
	color:#000;
	text-decoration:none;
	background:#f2f2f2;
}


dl.list dd.select a,dl.list dd.select a:visited,
dl.list dd.active a,dl.list dd.active a:visited{
	background:#0088cc;
	color:#fff;
	border-radius:3px;
	
}


/*  .list-icon   */


ul.list-icon li{
	float:left;
	list-style:none;
	margin:30px 40px;
	text-align:center;
	height:68px;
	font-weight:normal;
	overflow:hidden;
	*zoom:1;
}


ul.list-icon.list-condense li{
	margin:10px 20px;
}

.item-icon{
	text-align:center;
}



ul.list-icon p,.item-icon p {
	color:#888;
}

ul.list-icon a, ul.list-icon p a,.item-icon a{
	color:#666;
}


ul.list-icon a:hover,ul.list-icon a:active,
ul.list-icon  p a:hover,ul.list-icon p a:active,
.item-icon a:hover,.item-icon  a:active{
   text-decoration:none;
   color:#2cafe3;
}


ul.list-icon li div, .item-icon div{
	
}
ul.list-wide li{
	width:120px;
	margin:20px;
}

ul.list-wide.list-condense li{
   width:100px;
   margin:10px;
}
.item-wide{
	width:120px;
}





ul.list-wide li img, .item-wide img{
	float:left;
}

ul.list-icon.big, .item-icon.big{
	font-size:14px;
}




ul.list-wide li div, .item-wide div{
	text-align:left;
	height:48px;
	line-height:48px;
}


ul.list-large li {
	height:150px;
	overflow:hidden;
}

ul.list-wide.list-large li{
	width:220px;
	height:100px;
	margin:20px;
}

.item-wide.item-large{
 	width:220px;
	height:100px;	
}

ul.list-wide.list-large li div, .item-wide.item-large div{
	height:100px;
	line-height:100px;
}



ul.list-detail li{
	height:48px;
	width:250px;
	text-align:left;
	margin:20px;
}

.item-detail {
	text-align:left;
	height:48px;
	width:250px;
}


ul.list-detail li img, .item-detail img{
	float:left;
	display:block;
	margin-right:5px;
}

ul.list-detail li div{
	
}

ul.list-detail h5{
	margin-bottom:3px;
	height:16px;
	line-height:16px;
}

ul.list-detail p, .item-detail p{
	color:#888;
	margin:0;
	padding:0;
	line-height:14px;
}



ul.list-detail.list-large li{
	height:auto;
	width:300px;
	margin:20px 50px;
}

.item-detail.item-large{
	height:auto;
	width:300px;
}



ul.list-detail.list-large p, .item-detail.item-large p{
	line-height:18px;
}


.list-lighter li a{
	color:#fff;
}

/*  .list-icon end  */

/*======================== list end ===============================*/


/*======================== thumbnails  (extend for bootstrap)===============================*/

.thumbnails-alpha .thumbnail{
	border:none;
	padding:0;
	box-shadow:none;
}

.thumbnails-alpha .caption{
	padding-left:0;
	padding-right:0;
}


/*======================== thumbnails end ===============================*/



/*======================== icons  (extend for bootstrap)===============================*/

.icon-status{
	background: url(../img/webui/ico/status.gif);
}

.icon-status-warning{

}

.icon-status-success{
	background-position:0 -17px;
}

.icon-status-info{
	background-position:0 -49px;
}

.icon-status-important{
	background-position:0 -33px;
}

/*======================== icons end ===============================*/


/*======================== rounds shadows ======================== */


.rounded-top { 
	border-radius: 4px 4px 0 0; 
	-webkit-border-top-left-radius:4px; 
	-webkit-border-top-right-radius:4px; 
	-moz-border-radius: 4px 4px 0 0;
	 -o-border-radius: 4px 4px 0 0; 
	 -khtml-border-radius: 4px 4px 0 0;
 }
.rounded-bottom { 
	border-radius: 0 0 4px 4px; 
	-webkit-border-bottom-left-radius:4px; 
	-webkit-border-bottom-right-radius:4px; 
	-moz-border-radius: 0 0 4px 4px;
	 -o-border-radius: 0 0 4px 4px; 
	 -khtml-border-radius: 0 0 4px 4px; 
}
.rounded-right {
	 border-radius: 0 4px 4px 0; 
	 -webkit-border-top-right-radius:4px;
	  -webkit-border-bottom-right-radius:4px; 
	  -moz-border-radius: 0 4px 4px 0; 
	  -o-border-radius: 0 4px 4px 0;
	  -khtml-border-radius: 0 4px 4px 0;
 }
.rounded-left { 
	   border-radius: 4px 0 0 4px;
	   -webkit-border-top-left-radius:4px;
	   -webkit-border-bottom-left-radius:4px;
	   -moz-border-radius: 4px 0 0 4px;
	   -o-border-radius: 4px 0 0 4px; 
	   -khtml-border-radius: 4px 0 0 4px; 
}
.rounded-topleft { 
		border-radius:4px 0 0; 
		-webkit-border-top-left-radius:4px; 
		-moz-border-radius:4px 0 0; 
		-o-border-radius:4px 0 0; 
		-khtml-border-radius:4px 0 0;
}
.rounded-topright { 
		border-radius: 0 4px 0 0; 
		-webkit-border-top-right-radius:4px; 
		-moz-border-radius:0 4px 0 0; 
		-o-border-radius:0 4px 0 0; 
		-khtml-border-radius: 0 4px 0 0; 
}
.rounded-bottomleft { 
		border-radius: 0 0 0 4px; 
		-webkit-border-bottom-left-radius:4px; 
		-moz-border-radius: 0 0 0 4px; 
		-o-border-radius: 0 0 0 4px; 
		-khtml-border-radius: 0 0 0 4px; 
}
.rounded-bottomright { 
		border-radius: 0 0 4px 0; 
		-webkit-border-bottom-right-radius:4px; 
		-moz-border-radius: 0 0 4px 0; 
		-o-border-radius: 0 0 4px 0; 
		-khtml-border-radius: 0 0 4px 0; 
}


.rounded{
     -webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	 -o-border-radius: 4px; 
	 -khtml-border-radius: 4px; 
	 border-radius: 4px;
}


.shadowed{
	border-left:0;
	border-right:0;
	border-bottom:0;
/* 	border-top:1px solid #F2F2F2; */
	border-width:1px\9;
	border-left:1px solid #ddd\9;
	border-right:1px solid #ddd\9;
	border-bottom:1px solid #bbb\9;
	-webkit-box-shadow: #999 0px 1px 1px 0;
	-moz-box-shadow: #999 0px 1px 1px 0;
	box-shadow: #999 0px 1px 1px 0;
}

.shadowed-large{
	border-left:0;
	border-right:0;
	border-bottom:0;
/* 	border-top:1px solid #F2F2F2; */
	border-width:1px\9;
	border-left:1px solid #ddd\9;
	border-right:1px solid #ddd\9;
	border-bottom:1px solid #bbb\9;
	-webkit-box-shadow: #666 0px 2px 2px;
	-moz-box-shadow: #666 0px 2px 2px;
	box-shadow: #666 0px 2px 2px;
}

.box-shadow,.box-shadow-large{
	height:5px;
	position:relative;
	overflow:hidden;
	background:url(../img/webui/feed-shadow.png) repeat-x 0 -39px;
}

.shadow-left,.shadow-right{
	position:absolute;
	width:300px;
	height:10px;
	top:1px;
	left:0;
	background:url(../img/webui/feed-shadow.png) no-repeat 0 -1px;
	_background:none;
}
.shadow-right{
	right:0;
	left:auto;
	background-position:0  -22px;
}

.box-shadow-large{
	height:10px;
}

.box-shadow-large .shadow-left, .box-shadow-large .shadow-right{
	background-image:url(../img/webui/feed-shadow-large.png);
}

/*======================== rounds shadows end ======================== */

/*======================== tables =============================*/



table .header{
	cursor:pointer;
}

table .header:after{
	content:"";
	float:right;
	margin-top:7px;
	border-width:0 4px 4px;
	border-style:solid;
	border-color:#000 transparent;
	visibility:hidden;
}

table .headerSortUp,table .headerSortDown{
	
}

table .header:hover:after{
	visibility:visible;
}

table .headerSortDown:after,table .headerSortDown:hover:after{
	visibility:visible;
	filter:alpha(opacity=60);
	-khtml-opacity:0.6;
	-moz-opacity:0.6;
	opacity:0.6;
}

table .headerSortUp:after{
	border-bottom:none;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:4px solid #000;
	visibility:visible;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	filter:alpha(opacity=60);
	-khtml-opacity:0.6;
	-moz-opacity:0.6;
	opacity:0.6;
}



.table-clean td,.table-clean th{
	border:none;
}

thead.tex-shadowed th{
	text-shadow: 1px 1px 0 #fff;
}



thead.bg-metal tr{
	background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
}

table .row-footer{
	color:#999;
	margin-top:5px;
	margin-bottom:-3px;
	line-height:16px;
	*zoom:1;
}




table .row-footer a{
	color:#999;
}


table .row-footer .row-action{
	float:right;
}

table .row-action a{
	color:#999;
}

.row-action [class^="icon-"]{
	-moz-opacity:0.6;
	-webkit-opacity:0.6;
	opacity:0.6;
}

.row-action a:hover{
	color:#CC0000;
}
.table-inrow .row-action{
	margin-top:3px;
}

.table-inrow td{
	padding-bottom:2px;
}

.table-inrow a:hover{
	text-decoration:none;
}



/*======================== tables end =============================*/






/*======================== backgrounds =============================*/


.bg-white{
	background:#fff;
}

.bg-gray{
	background:#f2f2f2;
}

.bg-black{
	background:#333;
}

.bg-metal{
	background-color: #dfdfdf;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#dcdcdc));
    background-image: -moz-linear-gradient(#f9f9f9, #dcdcdc);
    background-image: -o-linear-gradient(#f9f9f9, #dcdcdc);
    background-image: linear-gradient(#f9f9f9, #dcdcdc);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#ececed',GradientType=0);
}

.bg-silver{	
	background:#fff url(../img/webui/bg/silvergbg.png) repeat-x;
	background-position:0 bottom;
}

.bg-silver-anti{
	background:#fff url(../img/webui/bg/silvergbg-anti.png) repeat-x;
	
}

.bg-wood{
	background:url(../img/webui/bg/woodbg.png) repeat;
}

.bg-wood-gray{
	background:url(../img/webui/bg/woodbg-gray.jpg) repeat;
}

.bg-wood-lighter{
    background: url(../img/webui/bg/woodbg-lighter.jpg) repeat;
}


.bg-noise{
    background: url(../img/webui/bg/noisebg.png) repeat;
}

.bg-noise-gradient{
	background: url(../img/webui/bg/noisebg-gradient.jpg) repeat-x;
}

.bg-noise-darker{
    background: url(../img/webui/bg/noisebg-darker.png) repeat;
}

.bg-noise-yeallow{
    background: url(../img/webui/bg/noisebg-yeallow.png) repeat;
}

.bg-noise-blue{
    background: url(../img/webui/bg/noisebg-blue.jpg) repeat;
}

.bg-mac{
    background: url(../img/webui/bg/macbg.png) repeat;
}

.bg-mac-darker{
    background: url(../img/webui/bg/macbg-darker.png) repeat;
}

.bg-mac-black{
    background: url(../img/webui/bg/macbg-black.png) repeat;
}

.bg-leather{
    background: url(../img/webui/bg/leatherbg.png) repeat;
}

.bg-wall{
    background: url(../img/webui/bg/wallbg.jpg) repeat;
}

.bg-block{
    background: url(../img/webui/bg/blockbg.jpg) repeat;
}



/*======================== backgrounds end =============================*/


/*======================== borders =============================*/

.bordered{
	border:1px solid #DDD;
}

.bordered-t{
	border-top:1px solid #DDD;
}

.bordered-b{
	border-bottom:1px solid #DDD;
}

.bordered-l{
	border-left:1px solid #DDD;
}

.bordered-r{
	border-right:1px solid #DDD;
}

/*======================== borders end =============================*/

/*========================  text color  =============================*/

.text-gray{
	color:#999;
}

.text-important{
	color:#b94a48;
}


.text-success{
	color:#468847;
}

.text-warning{
	color:#f89406;
}

.text-info{
	color:#0088cc;
}


/*======================== text color end  =============================*/



/*======================== links  =============================*/

a.link-gray:link,a.link-gray:visited{
	color:#666;
}

a.link-gray:hover{
	color:#000;
}

a.link-important:link,a.link-important:visited{
	color:#b94a48;
}

a.link-important:hover{
	color:#830;
}

a.link-success:link,a.link-success:visited{
	color:#468847;
}

a.link-success:hover{
	color:#363;
}

a.link-warning:link,a.link-warning:visited{
	color:#f89406;
}

a.link-warning:hover{
	color:#d60;
}

a.link-info:link,a.link-info:visited{
	color:#0088cc;
}

a.link-info:hover{
	color:#005580;
}


/*======================== links end =============================*/



/*===========================utilities========================*/

.font-large,.font-large p{
	font-size:14px;
}

.font-small,.font-small p{
	font-size:12px;
}

.text-shadowed{
	text-shadow: 1px 1px 0 #fff;
}


/*--------------- margins paddings ----------------*/

.padding0{
	padding:0;
}

.pad5{
	padding:5px;
}

.pad10{
	padding:10px;
}

.pad20{
	padding:20px;
}

.pad5-t{
  padding-top:5px;
}

.pad5-b{
  padding-bottom:5px;
}

.pad5-tb{
	padding-top:5px;
	padding-bottom:5px;
}

.pad10-t{
  padding-top:10px;
}

.pad10-b{
  padding-bottom:10px;
}

.pad10-tb{
	padding-top:10px;
	padding-bottom:10px;
}


.pad20-t{
  padding-top:20px;
}

.pad20-b{
  padding-bottom:20px;
}

.pad20-tb{
	padding-top:20px;
	padding-bottom:20px;	
}

.margin0{
	margin:0;
}

.margin5{
	margin:5px;
}

.margin5-t{
	margin-top:5px;
}

.margin5-r{
	margin-right:5px;
}

.margin5-b{
	margin-bottom:5px;
}

.margin5-l{
	margin-left:5px;
}

.margin5-tb{
	margin-top:5px;
	margin-bottom:5px;
}


.margin10{
	margin:10px;
}

.margin10-t{
	margin-top:10px;
}

.margin10-r{
	margin-right:10px;
}

.margin10-b{
	margin-bottom:10px;
}

.margin10-l{
	margin-left:10px;
}

.margin10-tb{
	margin-top:10px;
	margin-bottom:10px;
}

.margin20{
	margin:20px;
}

.margin20-t{
	margin-top:20px;
}

.margin20-r{
	margin-right:20px;
}

.margin20-b{
	margin-bottom:20px;
}

.margin20-l{
	margin-left:20px;
}

.margin20-tb{
	margin-top:20px;
	margin-bottom:20px;
}

.margin40{
	margin:40px;
}



/*--------------- margins paddings  ends ----------------*/



.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}	

.clearfix { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0;
	zoom:1;
	overflow:hidden;
}



/*===========================utilities========================*/


